﻿.new
{
	background-image: url('../images/add.png') !important;
}
.delete
{
	background-image: url('../images/cross.png') !important;
}
.dynExt legend
{
	margin-left: 5px;
}

.dynExt .x-fieldset-bwrap
{
	position: relative;
	top: -12px;
}

.dynExt.IE .x-fieldset-bwrap
{
	position: relative;
	top: -24px;
}

.x-toolbar label
{
	margin-left: 5px;
	margin-right: 5px;
}

..x-form-cb-label
{
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 11px;
	font-style: normal;
}

/* tree checkbox, height/width needed b/c of IE spacing weirdly, breaks lines */
input.l-tcb
{
	height: 13px;
	width: 13px;
	margin-left: 2px;
}


/* fix scrolling issue with treeobj in a contentpanel 
 * and loss of icons when a node is expanded
*/
.ext-ie .x-tree
{
	position: static !important;
}
.x-panel-mc
{
	padding: 0px;
}

/* Bug in ie combobox 
.x-combo-list-item
{
    height: 20px;
}
*/

/*SuperBoxSelect*/
.x-superboxselect
{
	position: relative;
	height: auto !important;
	margin: 0px;
	overflow: hidden;
	padding: 2px;
	display: block;
	outline: none !important;
}
.x-superboxselect ul
{
	overflow: hidden;
	cursor: text;
	margin-top: 2px;
}
.x-superboxselect-display-btns
{
	padding-right: 33px !important;
}
.x-superboxselect-btns
{
	position: absolute;
	right: 1px;
	top: 0;
	overflow: hidden;
	padding: 2px;
}
.x-superboxselect-btns div
{
	float: left;
	width: 16px;
	height: 16px;
	margin-top: 4px;
}
.x-superboxselect-btn-clear
{
	background: url(clear.png) no-repeat scroll left 0px;
}
.x-superboxselect-btn-expand
{
	background: url(expand.png) no-repeat scroll left 0px;
}
.x-superboxselect-btn-over
{
	background-position: left -16px;
}
.x-superboxselect-btn-hide
{
	display: none;
}
.x-superboxselect li
{
	float: left;
	margin: 1px;
	padding: 0;
	line-height: 11px;
}
.x-superboxselect-stacked li
{
	float: none !important;
}
.x-superboxselect-input input
{
	border: none;
	outline: none; /*margin-top: 4px; margin-bottom: 4px;*/
}
body.ext-ie .x-superboxselect-input input
{
	background: none;
	border: none;
	margin-top: 3px;
}
.x-superboxselect-item
{
	position: relative;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 3px;
	o-border-radius: 3px;
	khtml-border-radius: 3px;
	border: 1px solid #CAD8F3;
	background-color: #DEE7F8;
	padding: 1px 15px 1px 5px !important;
}
body.ext-ie7 .x-superboxselect-item
{
	margin: 2px 1px 2px 1px;
	line-height: 1.2em;
	padding: 2px 17px 4px 5px !important;
}
body.ext-ie6 .x-superboxselect-item
{
	margin: 2px 1px 2px 1px;
	line-height: 1.2em;
	padding: 2px 19px 4px 5px !important;
}
.x-superboxselect-item-hover
{
	background: #BBCEF1;
	border: 1px solid #6D95E0;
}
.x-superboxselect-item-focus
{
	border-color: #598BEC;
	background: #598BEC;
	color: #fff;
}
.x-superboxselect-item-close
{
	background: url(close.png) no-repeat scroll left 0px;
	border: none;
	cursor: default;
	font-size: 1px;
	height: 10px;
	padding: 0;
	position: absolute;
	right: 0px;
	top: 2px;
	width: 10px;
	display: block;
	cursor: pointer;
}

.x-superboxselect-item-close:hover, .x-superboxselect-item-close:active
{
	background-position: left -12px;
}
.x-superboxselect-item-focus .x-superboxselect-item-close
{
	background-position: left -24px;
}
.x-item-disabled .x-superboxselect-item-close
{
	background-position: left -36px;
}
/*end SuperBoxSelect*/


/*VerticalTabPanel*/

.ux-vertical-tabs
{
	border: 1px solid #8DB2E3;
}

.x-window .ux-vertical-tabs
{
	border: none;
}

.ux-vertical-tabs-left .x-tab-panel-header
{
	float: left;
}

.ux-vertical-tabs-right .x-tab-panel-header
{
	float: right;
}

.ux-vertical-tabs-alignright .x-tab-strip .x-tab-with-icon span.x-tab-strip-text
{
	padding-right: 20px;
	padding-left: 0;
	background-position: right 3px;
}

.ux-vertical-tabs, .ux-vertical-tabs .x-tab-panel-bwrap, .ux-vertical-tabs .x-tab-panel-body
{
	/*height:100%;*/
}

.ux-vertical-tabs ul.x-tab-strip li
{
	border-bottom: 1px solid #8DB2E3;
	margin: 0;
	width: 100%;
}

.ux-vertical-tabs .x-tab-strip a.x-tab-strip-close, .ux-vertical-tabs .x-tab-edge
{
	display: none;
}

.ux-vertical-tabs ul.x-tab-strip li .x-tab-strip-inner
{
	padding: 6px 3px;
}

.ux-vertical-tabs .x-tab-left, .ux-vertical-tabs .x-tab-strip .x-tab-with-icon .x-tab-right, .ux-vertical-tabs .x-tab-strip-top .x-tab-right
{
	background: none;
	padding: 0;
}

.ux-vertical-tabs ul.x-tab-strip-top
{
	background: none;
	border: none;
	padding-top: 0;
}

.ux-vertical-tabs .x-tab-panel-header
{
	border: 0 none transparent;
}


.ux-vertical-tabs-alignright ul.x-tab-strip
{
	width: 100%;
}

.ux-vertical-tabs-alignright ul.x-tab-strip li
{
	clear: both;
	margin: 0;
	text-align: right;
	width: 100%;
}

.ux-vertical-tabs .x-tab-panel-body
{
	/* padding:5px;*/
	border: 0;
}

.ux-vertical-tabs-left .x-tab-panel-bwrap
{
	border-left: 1px solid #8DB2E3;
}

.ux-vertical-tabs-right .x-tab-panel-bwrap
{
	border-right: 1px solid #8DB2E3;
}

.ux-vertical-tabs .x-tab-strip-top .x-tab-strip-inner
{
	background-position: 0 -202px;
}

.ux-vertical-tabs ul.x-tab-strip-top
{
	border-bottom: 1px solid #fff;
}

.ux-vertical-tabs .x-tab-strip-top .x-tab-strip-active .x-tab-right
{
	margin-bottom: 0;
}

.ext-ie6 .ux-vertical-tabs .x-tab-panel-bwrap
{
	position: absolute;
}


/*end VerticalTabPanel*/

.x-toolbar .x-item-disabled
{
	cursor: default;
	opacity: .2;
	-moz-opacity: .2;
	filter: alpha(opacity=20);
}

/* Grid validation */

.dxf-cell-invalid
{
	background-color: #CC3300;
}

.dxd-grid-checkbox-col .x-grid3-cell-inner
{
	padding: 1px 0 0 !important;
}

.x-grid3-col-rh {
    background-color: transparent !important;
}
